<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>前端路由的本质</title>
		<script src="https://cdn.bootcdn.net/ajax/libs/history.js/1.8/bundled-uncompressed/html4+html5/dojo.history.js"></script>
	</head>
	<body>
		<!-- 
      前端路由 -- 为什么和A标签不一样 点击一下页面不跳转呢？？
        前端路由的本质是使用浏览器的 DOM对象上的 history 
          history是一个栈的结构， 本身就有类似于 push 、 replace等等api操作
          
        并且只要我们有 history对象 就可以实现对路由的监视

        所以本上上 这些框架前端路由就是 监视history路由的变化 变化了展示指定需求的组件或者DOM

      浏览器创建history有，两种模式  一种是history模式 一种是hash模式
        history模式：直接使用H5推出的history身上的API 一些太老的浏览器可能会不支持
        hash 哈希值 路由上会有一个 # 不太好看  但是优点是兼容性极佳！
    -->
	</body>
</html>
